
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
    *{
        outline: none;
    }
body{
	width:240px;
	padding:12px;
    background: #2F373D;
    color:#26B064;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    font-family: "GothamMedium", Helvetica, Arial, sans-serif;
}
    #logo h1{
        font-size: 180%;

        margin: 15px 0px;
        margin-left:5px;
    }
    #logo h3{
        font-size: 60%;
        margin-left:5px;
        color: #C2CFD7;
        line-height: 15px;
        margin-bottom: 14px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }
*{margin:0;padding:0;}
input[type='button']{
	background:#ccc;
	padding:5px 0px;
	border:0px;
}
.form div{
	padding:3px;
}
    table tr td{
        padding:3px;
    }
    table input[type='button']{
    border-radius:3px;
    margin: 5px 0px;
    font-size: 80%;
    width:210px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
table input[type='text'], input[type='password']{
    border-radius:3px;
    margin: 5px 0px;
    padding: 5px 3px;
    border: none 0;
}
    .error{
        color:red;
    }
    .home-link{
        padding-left: 5px;
    }
    .home-link a{
        color: #C2CFD7;
        cursor: pointer;
        font-size: 12px;
        height: 15px;
        line-height: 15px;
        margin-bottom: 14px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        text-decoration: none;
    }
</style>
    </head>
<body>
<div id="logo">
    <h1>WeNote 1.2.2</h1>
    <h3>分享网页内容</h3>
</div>
<div id="form1" class="form">
    <table border="0">
        <tr>
            <td>用户</td>
            <td><input type="text" value="" id="uid" /></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" value="" id="token" /></td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="button" value="验证" id="submit" />
            </td>
        </tr>
    </table>
</div>
<div id="form2" class="form">
    <table border="0">
        <tr>
            <td id="nicname">您已经登录</td>
        </tr>
        <tr>
            <td>
                <input style='cursor:pointer' type="button" value="剪藏" id="clipSelection" />
            </td>
        </tr>
        <tr>
            <td>
                <input style='cursor:pointer' type="button" value="退出" id="submit2" />
            </td>
        </tr>
    </table>
</div>
<div class="home-link">
    <a href="http://www.visten.cn/f/note">进入web版本</a>
</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src='js/sha1.js'></script>
<script type="text/javascript" charset="utf-8" src='js/note.js'></script>
<script type="text/javascript" charset="utf-8" src='js/global-script.js'></script>
<script type="text/javascript" charset="utf-8">
    $(function(){
        $( "#clipSelection" ).click(function(){
            var clipper = new clipper;
            clipper.clipSelection(!0, request.selectionText, function (html) {
                console.log( html );
            });
        });
    });
</script>
</body>
</html>